<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加轮播图</title>
    <link rel="stylesheet" href="/css/banner/banner-add.css">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
</head>
<body>
<div id="box">
    <div id="box-top">
        <div class="layui-row" >
            <div class="layui-elem-quote">
                <span id="personTable" style="font-size: 18px;float: left">添加轮播图</span>
                <div style="float: right;margin-top: -8px;">
                    <button class="layui-btn" onclick="Refresh()"><i class="layui-icon layui-icon-refresh"></i>刷新</button>
                    <button class="layui-btn" onclick="goBack()"><i class="layui-icon layui-icon-left"></i>返回</button>
                </div>
            </div>
        </div>
    </div>
    <div id="box-body">
        <div id="box-body-body">
            <form class="layui-form" id="form" lay-filter="form">
                <div class="layui-form-item">
                    <div class="layui-block">
                        <label class="layui-form-label">轮播图名称: </label>
                        <div class="layui-input-block">
                            <input type="text" required lay-verify="required" class="layui-input-inline" name="bannerName"/>
                        </div>
                    </div>
                    <div class="layui-block">
                        <label class="layui-form-label">轮播图类型: </label>
                        <div class="layui-input-inline">
                            <select required lay-verify="required" name="imgType" id="imgType">
                                <option value="">请选择轮播图类型</option>
                                <option value="2">商品</option>
                                <option value="3">视频</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-block">
                        <label class="layui-form-label">开始时间: </label>
                        <div class="layui-input-inline">
                            <input type="text" required lay-verify="required" name="startDate" class="layui-input" id="startDate" placeholder="请选择开始时间"/>
                        </div>
                    </div>
                    <div class="layui-block">
                        <label class="layui-form-label">结束时间: </label>
                        <div class="layui-input-inline">
                            <input type="text" required lay-verify="required" name="expireDate" class="layui-input" id="expireDate" placeholder="请选择结束时间"/>
                        </div>
                    </div>
                    <div class="layui-block">
                        <label class="layui-form-label">上线/下线: </label>
                        <div class="layui-input-block" enctype="multipart/form-data">
                            <input type="radio" name="display" value="2" title="上线" checked>
                            <input type="radio" name="display" value="3" title="下线">
                        </div>
                    </div>
                    <div class="layui-block">
                        <label class="layui-form-label">图片: </label>
                        <div class="layui-input-block" enctype="multipart/form-data">
                            <button type="button" id="test" class="layui-btn">上传图片</button>
                            <input type="text" required lay-verify="required" class="layui-hide" name="imgAddress"/>
                        </div>
                    </div>
                    <div class="layui-block" id="images" style="display: none;">
                        <label class="layui-form-label">预览图片: </label>
                        <div class="layui-upload-list" id="image" style="margin-left: 110px;width: 300px">

                        </div>
                    </div>
                    <div class="layui-block" id="tx1">
                        <label class="layui-form-label">备注: </label>
                        <div class="layui-input-block">
                            <textarea class="layui-textarea" required lay-verify="required" id="remarks" name="remarks" style=" resize: none;" placeholder="请输入内容"></textarea>
                        </div>
                    </div>
                </div>
                <div id="box-body-dy">
                    <button type="button" class="layui-btn" id="submit" lay-submit lay-filter="sub">提交</button>
                </div>
                <input id="createId" type="hidden" name="createId" value="">
            </form>
        </div>
    </div>
</div>
</body>
<script src="/js/banner/banner-add.js">

</script>
</html>